import React, { useState, useEffect } from 'react';
import { Form, Input, Row, Col, Select, DatePicker } from 'antd';

const { Option } = Select;

const formItemLayout = {
  labelCol: {
    xs: { span: 24 },
    sm: { span: 8 },
  },
  wrapperCol: {
    xs: { span: 24 },
    sm: { span: 16 },
  },
};

function NumManage({ form }) {
  const { getFieldDecorator } = form;

  return (
    <Form className="padding-top" {...formItemLayout}>
      <Row gutter={16}>
        <Col span={8}>
          <Form.Item label="员工账号">
            {getFieldDecorator('systemSource', {})(<Input allowClear placeholder="请输入" />)}
          </Form.Item>
        </Col>
        <Col span={8}>
          <Form.Item label="员工名称">
            {getFieldDecorator('queryType', {})(<Input allowClear placeholder="请输入" />)}
          </Form.Item>
        </Col>
        <Col span={8}>
          <Form.Item label="分配权重">
            {getFieldDecorator('sdsds', {})(<Input allowClear placeholder="请输入" />)}
          </Form.Item>
        </Col>
      </Row>
      <Row gutter={16}>
        <Col span={8}>
          <Form.Item label="保有量">
            {getFieldDecorator('xfggs', {})(<Input allowClear placeholder="请输入" />)}
          </Form.Item>
        </Col>
        <Col span={8}>
          <Form.Item label="是否班长">
            {getFieldDecorator(
              'sfgbsd',
              {}
            )(
              <Select placeholder="请选择">
                <Option value="1000">是</Option>
                <Option value="1100">否</Option>
              </Select>
            )}
          </Form.Item>
        </Col>
        <Col span={8}>
          <Form.Item label="状态">
            {getFieldDecorator('asdaa')(
              <Select placeholder="请选择">
                <Option value="1000">启用</Option>
                <Option value="1100">停用</Option>
              </Select>
            )}
          </Form.Item>
        </Col>
      </Row>
      <Row gutter={16}>
        <Col span={8}>
          <Form.Item label="创建人">
            {getFieldDecorator('dgjhhgj', {})(<Input allowClear placeholder="请输入" />)}
          </Form.Item>
        </Col>
        <Col span={8}>
          <Form.Item label="创建时间">
            {getFieldDecorator(
              'dgjjhgj',
              {}
            )(<DatePicker showTime format="YYYY-MM-DD HH:mm:ss" allowClear />)}
          </Form.Item>
        </Col>
      </Row>
    </Form>
  );
}

export default Form.create()(NumManage);
